$(function() {
	//设置已登录用户名
	var uid = getCookie('token');
	console.log(uid)
	if(!uid) {
		$('#login a').text('您好，请登录');
	} else {
		var url = 'http://jx.xuzhixiang.top/ap/api/bannerlist.php';
		var data = {
			uid:uid
		};
			/*动态生成banner轮播图*/
		$.ajax({
			type: "get",
			url: url,
			async: true,
			data: data,
			success: function(res) {
				var bannerObj = JSON.parse(res);
				console.log(bannerObj)
				var html=''
				bannerObj.data.forEach(function(data){	
					html+=`<img src="${data.banner_img_url}"/>`
					$('#login .log').html(`${data.banner_uid},已登录`);
					$('#login .log').attr('href', 'javascript:;');
					$('#login .rig').attr('href', 'javascript:;');
				})
					$('.scroll').html(html)
					$('.scroll img').eq(0).addClass('first')
					
					
				//生成的轮播图调用轮播对象
					let lb=new Lunbo('.banner',{autoplay:true});
			}
		});
		//获取商品列表里的商品展示商品
		var url1='http://jx.xuzhixiang.top/ap/api/productlist.php';
		$.ajax({
			type:'get',
			url:url1,
			data:{uid},
			success:function(res){
				console.log(res)
				var pobj=JSON.parse(res)
				console.log(pobj)
				var html=''
				pobj.data.forEach(function(data){
					html+=`
		
		<div class="slider_item sk_item sk_item_1 slider_active" style="float: left; width: 200px;">
		 <a class="sk_item_lk" href="../html/goods.html?pid=${data.pid}">
		<div class="lazyimg lazyimg_loaded sk_item_img"><img src="${data.pimg}"></div>
		<p class="sk_item_name">${data.pname}</p>
		<div class="sk_item_price"><span class="mod_price sk_item_price_new"><i>¥</i><span>${data.pprice}</span></span><span class="mod_price sk_item_price_origin"><i>¥</i><span>${data.pdesc}</span></span>
		</div>
		 </a>
		 </div>		
					`		
				})
//				console.log(html,$('.slider sk_list_inner'))
				$('.slider.sk_list_inner').html(html)
//				console.log($('.slider.sk_list_inner').html(html))





			}
		})
		
		
		
		//商品列表进商品详情
		
		
		
		
		
		
		
		
	}
	



//let lb2=new Lunbo('.box2',{autoplay:true})
	
})

//地理位置-》北京
//console.log($('#ttbar-mycity'))
$('#ttbar-mycity').hover(
	function() {
		$('#ttbar-mycity .ui-areamini-text-wrap').css("background", "white");
		$('#ttbar-mycity .dd').css("display", "block");
	},
	function() {
		$('#ttbar-mycity .dd').css("display", "none");
		$('#ttbar-mycity .ui-areamini-text-wrap').css("background", "#e3e4e5");
	}
);
//顶部导航   我的京东
$('#myjd').hover(
	function() {
		$('#myjd').css('background', 'white');
		$('#myjd .dd').css('display', 'block');
	},
	function() {
		$('#myjd .dd').css('display', 'none');
		$('#myjd').css('background', '#E3E4E5');
	}
);
//客户服务
$('#serv').hover(
	function() {
		$('#serv .dd').css('display', 'block');
		$('#serv').css('background', 'white');
	},
	function() {
		$('#serv .dd').css('display', 'none');
		$('#serv').css('background', '#E3E4E5');
	})
//网站导航
$('#navs').hover(
	function() {
		$('#navs .dd').css('display', 'block');
		$('#navs').css('background', 'white');
	},
	function() {
		$('#navs .dd').css('display', 'none');
		$('#navs').css('background', '#E3E4E5');
	}
);

$('a').hover(
	function() {
		$(this).css('color', '#FF0000');
		$(this).animate({'opacity':0.7})
	},
	function() {
		$(this).css('color', '#999');
		$(this).animate({'opacity':1})
	}
);
$('#navitems a').hover(
	function() {
		$(this).css('color', '#FF0000');
	},
	function() {
		$(this).css('color', '#999');
	}
);
//设置所有类中的字体效果
$('.shortcut_btn').hover(
	function() {
		$(this).css('color', '#FF0000');
	},
	function() {
		$(this).css('color', '#999');
	}
);

$('#settleup').hover(function() {
	$('#settleup .dropdown-layer').css('display', 'block');
}, function() {
	$('#settleup .dropdown-layer').css('display', 'none');
});
//搜索框
$('.rig-search').bind('input', function() {
	var url = "https://suggest.taobao.com/sug?_tb_token_=eb3457535e35e&__ajax__=1&pid=mm_111978447_38954023_15639350263&unid=&clk1=&code=utf-8&q=" + $(this).val() + "&_ksTS=1547114626144_10993&callback=jsonp10994&code=utf-8&area=c2c&bucketid=atb_search"
	var $sc = $('<script></script>');
	$sc.attr('src', url);
	$sc.appendTo('body');
	$sc.addClass('script')
	$('.script').remove()
	$('#ul1').css('display', 'block');
	$('#ul1').css({
		'padding-top': '14px',
		'height': '220px'
	})
})

function jsonp10994(res){
	console.log(res)
	var html = '';
	for(var i = 0; i < res.result.length; i++) {
		html += `<li>${res.result[i][0]}</li>`;
	}
	$('#ul1').html(html);
}

$('#ul1').hover(function() {
	$('#ul1 li').css("background-color", "rgba(255,255,255,0.6)")
	$('#ul1 li').css({
		'color': "red",
		'font-size': '13px'
	})
})
$('#ul1').click(function(evt) {
	console.log(evt.target)
	if(evt.target.nodeName.toLowerCase() == 'li') {
		$('.rig-search').val(evt.target.innerHTML)
		$('#ul1').css('display', 'none')
	}
})

//顶部固定搜索框	
$(window).scroll(function() {
	if($(window).scrollTop() >= 400) {
		$('#search-box').css('display', 'block')
	} else {
		$('#search-box').css('display', 'none')
	}
});

/*楼梯效果*/
var $tops = [];
$.each($('.floors>div'), function(i, v) {
	$tops.push($(this).offset().top);
});
console.log($tops);
//解决滚动条事件问题:到达不了最后一个楼梯
$tops.push(10000);
$('.louti a').hover(function() {
	$(this).css("color", "#FF0000");
}, function() {
	$(this).css("color", "white");
});
//监测单击事件
var $smalllouti = $('.louti li').not('.louti-last-li');
console.log($smalllouti)
$smalllouti.on('click', function() {
	var $index = $(this).index();
	var $top = $tops[$index];
	$('body,html').animate({
		scrollTop: $top - 50
	}, 400);
});
//监测楼梯滚动事件
var firstfloor = $('.floor-one').offset().top;
$(window).on('scroll', function() {

	var $top = $(this).scrollTop() + 400;
	if($top > firstfloor) {
		$('.louti').show();
	} else {
		$('.louti').hide();
	}
	$.each($tops, function(i) {
		if($top > $tops[i] && $top < $tops[i + 1]) {
			$smalllouti.eq(i).addClass('bg-red').siblings().removeClass('bg-red');
			//移除同辈元素身上的样式类名
		}
	});
});
//返回顶部
$('.louti-last-li').on('click', function() {
	$('html,body').animate({
		scrollTop: 0
	}, 400);
});


/*生成商品列表*/
(function() {
	$.ajax({
		type: 'post',
		url: '../php/goods.php',
		success: function(d) {
			$arr = JSON.parse(d);
			console.log($arr);
			/*生成商品列表*/
			for(var j = 0; j < 11; j++) {
				for(var i = 0; i < 5; i++) {
					$('.more_inner ul').append('<li><a><dl><dt><img src="' + $arr[i].url + '"/></dt><dd></dd></dl><p class="line2"><span>评价2</span><span>收藏：2510</span></p><p class="line3"><span></span><em>￥3000</em><i>月售4笔</i></p></a></li>');
				}
			}
			$('.more_inner ul li img').css({
				'width': '228px',
				'height': '250px'
			})
			$('.more_inner ul li').hover(function() {
				$(this).css({
					'box-sizing': 'border-box',
					'border': '1px solid red'
				})
			}, function() {
				$(this).css('border', 'none');
				$(this).css({
					'border-bottom': '1px solid #f4f4f4',
					'border-right': '1px solid #f4f4f4'
				});
				
			})
		}
	})
})();


			
